﻿
<!DOCTYPE html>
<html lang="en">
<head>
    
    <!-- Basic page needs
	============================================ -->
	<title>Home</title>
	<meta charset="utf-8">
    <meta name="keywords" content="" />
    <meta name="author" content="Magentech">
    <meta name="robots" content="index, follow" />
   
	<!-- Mobile specific metas
	============================================ -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	
	<!-- Favicon
	============================================ -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="ico/favicon.png">
	
	<!-- Google web fonts
	============================================ -->
   <!--  <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'> -->
	
    <!-- Libs CSS
	============================================ -->
   	<link rel="stylesheet" href="/Public/mobilemall/css/bootstrap/css/bootstrap.min.css">
	<link href="/Public/mobilemall/css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<link href="/Public/mobilemall/js/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
   	<link href="/Public/mobilemall/js/owl-carousel/owl.carousel.css" rel="stylesheet">
	<link href="/Public/mobilemall/css/themecss/lib.css" rel="stylesheet">
	<link href="/Public/mobilemall/js/jquery-ui/jquery-ui.min.css" rel="stylesheet">
	
	<!-- Theme CSS
	============================================ -->
   	<link href="/Public/mobilemall/css/themecss/so_megamenu.css" rel="stylesheet">
   	<link href="/Public/mobilemall/css/themecss/so-categories.css" rel="stylesheet">
	<link href="/Public/mobilemall/css/themecss/so-listing-tabs.css" rel="stylesheet">
	<link id="color_scheme" href="/Public/mobilemall/css/theme.css" rel="stylesheet">
	<link href="/Public/mobilemall/css/responsive.css" rel="stylesheet">
	

</head>

<body class="common-home res layout-home1">

     


    <div id="wrapper" class="wrapper-full banners-effect-7">
    	<include file="./Application/Home/View/Share/header.html"/>
	<!-- //Header Container  -->
	<!-- Block Spotlight1  -->
	<section class="so-spotlight1 ">
		<div class="container">
			<div class="row">
				<div id="yt_header_right" class="col-lg-offset-3 col-lg-9 col-md-12">
					<div class="slider-container "> 
							
						<div class="module first-block">
							<div class="modcontent clearfix">
								<div id="custom_popular_search" class="clearfix">
									<h5 class="so-searchbox-popular-title pull-left">Top Search:</h5>
									<div class="so-searchbox-keyword">
										<ul class="list-inline"><li>&nbsp;<a href="#">Acer,</a></li><li><a href="#">APPLE,</a></li><li><a href="#">Black,</a></li><li><a href="#">Canon,</a></li><li><a href="#">Cogs,</a></li><li><a href="#">Confi,</a></li><li><a href="#">Kate,</a></li><li><a href="#">Lor,</a></li><li><a href="#">Product,</a></li><li><a href="#">Zolof The Rock And Roll Destroyer</a></li></ul>
									</div>
								</div>
							</div>
						</div>
						<div id="so-slideshow" class="col-lg-8 col-md-8 col-sm-12 col-xs-12 two-block">
							<div class="module slideshow no-margin">
								<volist name="lunbolist" id="vo">
								<div class="item">
									<a href="/Home/Goods/showgoods?goodsid={$vo.id}"><img src="{$vo.goodsimg.0}" alt="slider1" class="img-responsive" style="width: 600px;height: 422px"></a>
								</div>
								</volist>
								
								
							</div>
							<div class="loadeding"></div>
						</div>

						
						<div class="module col-md-4  hidden-sm hidden-xs three-block ">
							<div class="modcontent clearfix">
								<div class="htmlcontent-block">	
									<ul class="htmlcontent-home">		
										<li>
											<div class="banners">
												<div>
													<a href="#"><img src="/Public/mobilemall/image/demo/cms/banner1.jpg" alt="banner1"></a>
												</div>
											</div>
										</li>		
										<li>
											<div class="banners">
												<div>
													<a href="#"><img src="/Public/mobilemall/image/demo/cms/banner2.jpg" alt="banner1"></a>
												</div>
											</div>
										</li>		
										<li>
											<div class="banners">
												<div>
													<a href="#"><img src="/Public/mobilemall/image/demo/cms/banner3.jpg" alt="banner1"></a>
												</div>
											</div>
										</li>	
									</ul>
								</div>
							</div>
						</div>

						<div class="module hidden-xs col-sm-12 four-block">
							<div class="modcontent clearfix">
								<div class="policy-detail">
									<div class="banner-policy">
										<div class="policy policy1"><a href="#"> <span class="ico-policy">&nbsp;</span> 90 day <br> money back </a></div>
										<div class="policy policy2"><a href="#"> <span class="ico-policy">&nbsp;</span> In-store exchange </a></div>
										<div class="policy policy3"><a href="#"> <span class="ico-policy">&nbsp;</span> lowest price guarantee </a></div>
										<div class="policy policy4"><a href="#"> <span class="ico-policy">&nbsp;</span> shopping guarantee </a></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>  
	</section>
	<!-- //Block Spotlight1  -->
	<!-- Main Container  -->
	<div class="main-container container">
		
		<div class="row">
			<div id="content" class="col-sm-12">
<div class="module tab-slider titleLine">
	<h3 class="modtitle">推荐产品</h3>
	<div id="so_listing_tabs_1" class="so-listing-tabs first-load module">
		<div class="loadeding"></div>
		<div class="ltabs-wrap">
			<div class="ltabs-tabs-container" data-delay="300" data-duration="600" data-effect="starwars" data-ajaxurl="#" data-type_source="0">
				<!--Begin Tabs-->
				<div class="ltabs-tabs-wrap"> 
				<span class="ltabs-tab-selected">{$featuredgoods.1.sortname}</span> <span class="ltabs-tab-arrow">▼</span>
					<div class="item-sub-cat">
						<ul class="ltabs-tabs cf">
							<volist name="featuredgoods" id="v">
							<eq name="i" value="1">
								<li class="ltabs-tab tab-sel" data-category-id="{$v.data-category-id}" data-active-content=".items-category-{$v.data-category-id}"> <span class="ltabs-tab-label">{$v.sortname}</span> </li>
								<else/>
								<li class="ltabs-tab " data-category-id="{$v.data-category-id}" data-active-content=".items-category-{$v.data-category-id}"> <span class="ltabs-tab-label">{$v.sortname}</span> </li>
							</eq>
							</volist>
							
							
						</ul>
					</div>
				</div>
				<!-- End Tabs-->
			</div>
			<div class="ltabs-items-container">
				<!--Begin Items-->
				<volist name="featuredgoods" id="v">
				<eq name="i" value="1">
				<div class="ltabs-items ltabs-items-selected items-category-{$v.data-category-id} grid" data-total="10">
					<div class="ltabs-items-inner ltabs-slider ">
						<volist name="v.goodslit" id="vo">
						<div class="ltabs-item product-layout">
							<div class="product-item-container">
								<div class="left-block">
									<div class="product-image-container second_img ">
										<img src="{$vo.goodsimg.0}"  alt="Apple Cinema 30&quot;" class="img-responsive" />
										<img src="{$vo.goodsimg.1}"  alt="Apple Cinema 30&quot;" class="img_0 img-responsive" />
									</div>
									<!--Sale Label-->
									<span class="label label-sale">销售</span>
									<!--full quick view block-->
									<a class="quickview iframe-link visible-lg" data-fancybox-type="iframe"  href="/Home/Goods/showgoods?goodsid={$vo.id}"> 快速浏览</a>
									<!--end full quick view block-->
								</div>
								<div class="right-block">
									<div class="caption">
										<h4><a href="product.html">{$vo.goodsname}</a></h4>		
										<div class="ratings">
											<div class="rating-box">
												<switch name="vo.ratingaverage">
								<case value="0">
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="1">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="2">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="3">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="4">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="5">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								</switch>
											</div>
										</div>
															
										<div class="price">
											<span class="price-new">￥{$vo.goodsnow}</span> 
											<span class="price-old">￥{$vo.goodsorig}</span>		 
										</div>
									</div>
									
									  <div class="button-group">
										<button class="addToCart" type="button" data-toggle="tooltip" title="加入到购物车" onclick="cart.add('{$vo.id}' ,'{$vo.goodsname}','1' ,'{$vo.goodsimg.0}','{$vo.goodsnow}');"><i class="fa fa-shopping-cart"></i> <span class="">加入到购物车</span></button>
										<button class="wishlist" type="button" data-toggle="tooltip" title="收藏" onclick="wishlist.add('{$vo.id}' ,'{$vo.goodsname}' ,'{$vo.goodsimg.0}');"><i class="fa fa-heart"></i></button>
										<button class="compare" type="button" data-toggle="tooltip" title="比较此商品" onclick="compare.add('{$vo.id}' ,'{$vo.goodsname}' ,'{$vo.goodsimg.0}');"><i class="fa fa-exchange"></i></button>
									  </div>
								</div><!-- right block -->
							</div>
						</div>
						</volist>
						
					</div>
					
				</div>
				<else/>
				<div class="ltabs-items items-category-{$v.data-category-id} grid" data-total="11">
					<div class="ltabs-items-inner ltabs-slider ">
						<volist name="v.goodslit" id="vo">
						<div class="ltabs-item product-layout">
							<div class="product-item-container">
								<div class="left-block">
									<div class="product-image-container second_img ">
										<img src="{$vo.goodsimg.0}"  alt="Apple Cinema 30&quot;" class="img-responsive" />
										<img src="{$vo.goodsimg.1}"  alt="Apple Cinema 30&quot;" class="img_0 img-responsive" />
									</div>
									<!--Sale Label-->
									<span class="label label-sale">销售</span>
									<!--full quick view block-->
									<a class="quickview iframe-link visible-lg" data-fancybox-type="iframe"  href="/Home/Goods/showgoods?goodsid={$vo.id}">  快速浏览</a>
									<!--end full quick view block-->
								</div>
								<div class="right-block">
									<div class="caption">
										<h4><a href="product.html">{$vo.goodsname}</a></h4>		
										<div class="ratings">
											<div class="rating-box">
												<switch name="vo.ratingaverage">
								<case value="0">
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="1">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="2">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="3">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="4">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="5">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								</switch>
											</div>
										</div>
															
										<div class="price">
											<span class="price-new">￥{$vo.goodsnow}</span> 
											<span class="price-old">￥{$vo.goodsorig}</span>		 
										</div>
									</div>
									
									  <div class="button-group">
										<button class="addToCart" type="button" data-toggle="tooltip" title="加入到购物车" onclick="cart.add('{$vo.id}','{$vo.goodsname}','1' ,'{$vo.goodsimg.0}');"><i class="fa fa-shopping-cart"></i> <span class="">加入到购物车</span></button>
										<button class="wishlist" type="button" data-toggle="tooltip" title="收藏" onclick="wishlist.add('{$vo.id}','{$vo.goodsname}' ,'{$vo.goodsimg.0}');"><i class="fa fa-heart"></i></button>
										<button class="compare" type="button" data-toggle="tooltip" title="比较此商品" onclick="compare.add('{$vo.id}','{$vo.goodsname}' ,'{$vo.goodsimg.0}');"><i class="fa fa-exchange"></i></button>
									  </div>
								</div><!-- right block -->
							</div>
						</div>
						</volist>
					</div>
					
				</div>
				
				</eq>
				</volist>
			</div>
			<!--End Items-->
			
			
		</div>
		
	</div>
</div>			

				<div class="module ">
					<div class="modcontent clearfix">
						<div class="banner-wraps ">
							<div class="m-banner row">
								<div class="banner htmlconten1 col-lg-4 col-md-4 col-sm-6 col-xs-12">
									<div class="banners">
										<div>
											<a href="#"><img src="/Public/mobilemall/image/demo/cms/banner2-1.png" alt="banner1"></a>
										</div>
									</div>
								</div>
								<div class="htmlconten2 col-lg-4 col-md-4 col-sm-6 col-xs-12">
									<div class="module banners">
											<div>
												<a href="#"><img src="/Public/mobilemall/image/demo/cms/banner2-2.png" alt="banner1"></a>
											</div>
									</div>
										
									<div class="banners">
										<div>
											<a href="#"><img src="/Public/mobilemall/image/demo/cms/banner2-3.png" alt="banner1"></a>
										</div>
									</div>
									
								</div>
								<div class="banner htmlconten3 hidden-sm col-lg-4 col-md-4 col-sm-6 col-xs-12">
									<div class="banners">
										<div>
											<a href="#"><img src="/Public/mobilemall/image/demo/cms/banner2-4.png" alt="banner1"></a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="module tab-slider titleLine">
	<h3 class="modtitle">新上架商品</h3>
	<div id="so_listing_tabs_2" class="so-listing-tabs first-load module">
		<div class="loadeding"></div>
		<div class="ltabs-wrap ">
			<div class="ltabs-tabs-container" data-delay="300" data-duration="600" data-effect="starwars" data-ajaxurl="#" data-type_source="0">
				<!--Begin Tabs-->
				<div class="ltabs-tabs-wrap"> 
				<span class="ltabs-tab-selected">{$newgoods.1.sortname}	</span> <span class="ltabs-tab-arrow">▼</span>
					<div class="item-sub-cat">
						<ul class="ltabs-tabs cf">
						<volist name="newgoods" id="v">
							<eq name="i" value="1">
								<li class="ltabs-tab tab-sel" data-category-id="{$v.data-category-id}" data-active-content=".items-category-{$v.data-category-id}"> <span class="ltabs-tab-label">{$v.sortname}</span> </li>
								<else/>
								<li class="ltabs-tab " data-category-id="{$v.data-category-id}" data-active-content=".items-category-{$v.data-category-id}"> <span class="ltabs-tab-label">{$v.sortname}</span> </li>
							</eq>
							</volist>
						</ul>
							
					</div>
				</div>
				<!-- End Tabs-->
			</div>
			<div class="ltabs-items-container">
				<!--Begin Items-->
				<volist name="newgoods" id="v">
				<eq name="i" value="1">
				<div class="ltabs-items ltabs-items-selected items-category-{$v.data-category-id} grid" data-total="10">
					<div class="ltabs-items-inner ltabs-slider ">
						<volist name="v.goodslit" id="vo">
						<div class="ltabs-item product-layout">
							<div class="product-item-container">
								<div class="left-block">
									<div class="product-image-container second_img ">
										<img src="{$vo.goodsimg.0}"  alt="Apple Cinema 30&quot;" class="img-responsive" />
										<img src="{$vo.goodsimg.1}"  alt="Apple Cinema 30&quot;" class="img_0 img-responsive" />
									</div>
									<!--Sale Label-->
									<span class="label label-sale">销售</span>
									<!--full quick view block-->
									<a class="quickview iframe-link visible-lg" data-fancybox-type="iframe"  href="/Home/Goods/showgoods?goodsid={$vo.id}">  快速浏览</a>
									<!--end full quick view block-->
								</div>
								<div class="right-block">
									<div class="caption">
										<h4><a href="product.html">{$vo.goodsname}</a></h4>		
										<div class="ratings">
											<div class="rating-box">
												<switch name="vo.ratingaverage">
								<case value="0">
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="1">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="2">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="3">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="4">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="5">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								</switch>
											</div>
										</div>
															
										<div class="price">
											<span class="price-new">￥{$vo.goodsnow}</span> 
											<span class="price-old">￥{$vo.goodsorig}</span>		 
										</div>
									</div>
									
									  <div class="button-group">
										<button class="addToCart" type="button" data-toggle="tooltip" title="加入到购物车" onclick="cart.add('{$vo.id}' ,'{$vo.goodsname}','1' ,'{$vo.goodsimg.0}','{$vo.goodsnow}');"><i class="fa fa-shopping-cart"></i> <span class="">加入到购物车</span></button>
										<button class="wishlist" type="button" data-toggle="tooltip" title="收藏" onclick="wishlist.add('{$vo.id}' ,'{$vo.goodsname}' ,'{$vo.goodsimg.0}');"><i class="fa fa-heart"></i></button>
										<button class="compare" type="button" data-toggle="tooltip" title="比较此商品" onclick="compare.add('{$vo.id}' ,'{$vo.goodsname}' ,'{$vo.goodsimg.0}');"><i class="fa fa-exchange"></i></button>
									  </div>
								</div><!-- right block -->
							</div>
						</div>
						</volist>
						
					</div>
					
				</div>
				<else/>
				<div class="ltabs-items items-category-{$v.data-category-id} grid" data-total="11">
					<div class="ltabs-items-inner ltabs-slider ">
						<volist name="v.goodslit" id="vo">
						<div class="ltabs-item product-layout">
							<div class="product-item-container">
								<div class="left-block">
									<div class="product-image-container second_img ">
										<img src="{$vo.goodsimg.0}"  alt="Apple Cinema 30&quot;" class="img-responsive" />
										<img src="{$vo.goodsimg.1}"  alt="Apple Cinema 30&quot;" class="img_0 img-responsive" />
									</div>
									<!--Sale Label-->
									<span class="label label-sale">销售</span>
									<!--full quick view block-->
									<a class="quickview iframe-link visible-lg" data-fancybox-type="iframe"  href="/Home/Goods/showgoods?goodsid={$vo.id}">  快速浏览</a>
									<!--end full quick view block-->
								</div>
								<div class="right-block">
									<div class="caption">
										<h4><a href="product.html">{$vo.goodsname}</a></h4>		
										<div class="ratings">
											<div class="rating-box">
												<switch name="vo.ratingaverage">
								<case value="0">
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="1">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="2">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="3">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="4">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								<case value="5">
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								<span class="fa fa-stack"><i class="fa fa-star fa-stack-1x"></i><i class="fa fa-star-o fa-stack-1x"></i></span>
								</case>
								</switch>
											</div>
										</div>
															
										<div class="price">
											<span class="price-new">￥{$vo.goodsnow}</span> 
											<span class="price-old">￥{$vo.goodsorig}</span>		 
										</div>
									</div>
									
									  <div class="button-group">
										<button class="addToCart" type="button" data-toggle="tooltip" title="加入到购物车" onclick="cart.add('{$vo.id}','{$vo.goodsname}','1' ,'{$vo.goodsimg.0}');"><i class="fa fa-shopping-cart"></i> <span class="">加入到购物车</span></button>
										<button class="wishlist" type="button" data-toggle="tooltip" title="收藏" onclick="wishlist.add('{$vo.id}','{$vo.goodsname}' ,'{$vo.goodsimg.0}');"><i class="fa fa-heart"></i></button>
										<button class="compare" type="button" data-toggle="tooltip" title="比较此商品" onclick="compare.add('{$vo.id}','{$vo.goodsname}' ,'{$vo.goodsimg.0}');"><i class="fa fa-exchange"></i></button>
									  </div>
								</div><!-- right block -->
							</div>
						</div>
						</volist>
					</div>
					
				</div>
				
				</eq>
				</volist>
				
				
			</div>
			<!--End Items-->
			
			
		</div>
		
	</div>
</div>
	
				<div class="module no-margin titleLine ">
					<h3 class="modtitle"></h3>
					<div class="modcontent clearfix">
						<div id="collections_block" class="clearfix  block">
							<ul class="width6">
								<li class="collect collection_0">
									<div class="color_co"><a href="#">Furniture</a> </div>
								</li>
								<li class="collect collection_1">
									<div class="color_co"><a href="#">Gift idea</a> </div>
								</li>
								<li class="collect collection_2">
									<div class="color_co"><a href="#">Cool gadgets</a> </div>
								</li>
								<li class="collect collection_3">
									<div class="color_co"><a href="#">Outdoor activities</a> </div>
								</li>
								<li class="collect collection_4">
									<div class="color_co"><a href="#">Accessories for</a> </div>
								</li>
								<li class="collect collection_5">
									<div class="color_co"><a href="#">Women world</a> </div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				
			</div>
		</div>
	</div>
	<!-- //Main Container -->
	<!-- Block Spotlight3  -->
	<section class="so-spotlight3">
		<div class="container">
			<div class="row">
				
				<div id="so_categories_173761471880018" class="so-categories module titleLine preset01-4 preset02-3 preset03-3 preset04-1 preset05-1">
					<h3 class="modtitle">Hot Categories</h3>
					
					<div class="wrap-categories">
						<div class="cat-wrap theme3">
							<div class="content-box">
								<div class="image-cat">
									<a href="#" title="Automotive" target="_blank">
										<img  src="/Public/mobilemall/image/demo/shop/category/automotive-motocrycle.jpg" title="Automotive" alt="Automotive"> 
									</a> 
									<a class="btn-viewmore hidden-xs" href="#" title="View more">View more</a> 								
								</div>
								<div class="inner">
									<div class="title-cat"> <a href="#" title="Automotive " target="_blank">Automotive</a> </div>
									<div class="child-cat">
										<div class="child-cat-title"> <a title="More Car Accessories" href="#" target="_blank">More Car Accessories		</a> </div>
										<div class="child-cat-title"> <a title="Car Alarms and Security" href="#" target="_blank">Car Alarms and Security		</a> </div>
										<div class="child-cat-title"> <a title="Car Audio &amp; Speakers" href="#" target="_blank">Car Audio &amp; Speakers		</a> </div>
										<div class="child-cat-title"> <a title="Gadgets &amp; Auto Parts" href="#" target="_blank">Gadgets &amp; Auto Parts	</a> </div>
									</div>
								</div>
							</div>
							<div class="clr1"></div>
							<div class="content-box">
								<div class="image-cat">
									<a href="#" title="Automotive" target="_blank">
										<img  src="/Public/mobilemall/image/demo/shop/category/health-beauty.jpg" title="Automotive" alt="Automotive"> 
									</a> 
									<a class="btn-viewmore hidden-xs" href="#" title="View more">View more</a> 		
								</div>	
									
								<div class="inner">
									<div class="title-cat"> <a href="#" title="Health & Beauty" target="_blank">Health & Beauty</a> </div>
									<div class="child-cat">
										<div class="child-cat-title"> <a title="More Car Accessories" href="#" target="_blank">Salon & Spa Equipment		</a> </div>
										<div class="child-cat-title"> <a title="Car Alarms and Security" href="#" target="_blank">Fragrances		</a> </div>
										<div class="child-cat-title"> <a title="Car Audio &amp; Speakers" href="#" target="_blank">Shaving & Hair Removal..	</a> </div>
										<div class="child-cat-title"> <a title="Gadgets &amp; Auto Parts" href="#" target="_blank">Bath & Body	</a> </div>
									</div>
								</div>
							</div>
							<div class="clr1 clr2"></div>
							<div class="content-box">
								<div class="image-cat">
									<a href="#" title="Automotive" target="_blank">
										<img  src="/Public/mobilemall/image/demo/shop/category/bags-holiday-supplies-gifts.jpg" title="Automotive" alt="Automotive"> 
									</a> 
									<a class="btn-viewmore hidden-xs" href="#" title="View more">View more</a> 		
								</div>	
									
								<div class="inner">
									<div class="title-cat"> <a href="#" title="Health & Beauty" target="_blank">Bags, Holiday Supplies</a> </div>
									<div class="child-cat">
										<div class="child-cat-title"> <a title="More Car Accessories" href="#" target="_blank">Gift & Lifestyle Gadgets..		</a> </div>
										<div class="child-cat-title"> <a title="Car Alarms and Security" href="#" target="_blank">Lighter & Cigar Supplies..		</a> </div>
										<div class="child-cat-title"> <a title="Car Audio &amp; Speakers" href="#" target="_blank">Gift for Woman	</a> </div>
										<div class="child-cat-title"> <a title="Gadgets &amp; Auto Parts" href="#" target="_blank">Gift for Man	</a> </div>
									</div>
								</div>
							</div>
							<div class="clr1 clr3"></div>
							<div class="content-box">
								<div class="image-cat">
									<a href="#" title="Automotive" target="_blank">
										<img  src="/Public/mobilemall/image/demo/shop/category/toys-hobbies.jpg" title="Automotive" alt="Automotive"> 
									</a> 
									<a class="btn-viewmore hidden-xs" href="#" title="View more">View more</a> 		
								</div>	
									
								<div class="inner">
									<div class="title-cat"> <a href="#" title="Health & Beauty" target="_blank">Toys & Hobbies</a> </div>
									<div class="child-cat">
										<div class="child-cat-title"> <a title="More Car Accessories" href="#" target="_blank">Helicopters & Parts		</a> </div>
										<div class="child-cat-title"> <a title="Car Alarms and Security" href="#" target="_blank">RC Cars & Parts	</a> </div>
										<div class="child-cat-title"> <a title="Car Audio &amp; Speakers" href="#" target="_blank">FPV System & Parts	</a> </div>
										<div class="child-cat-title"> <a title="Gadgets &amp; Auto Parts" href="#" target="_blank">Walkera	</a> </div>
									</div>
								</div>
							</div>
							<div class="clr1 clr2 clr4"></div>
							<div class="content-box">
								<div class="image-cat">
									<a href="#" title="Automotive" target="_blank">
										<img  src="/Public/mobilemall/image/demo/shop/category/electronics.jpg" title="Automotive" alt="Automotive"> 
									</a> 
									<a class="btn-viewmore hidden-xs" href="#" title="View more">View more</a> 		
								</div>	
									
								<div class="inner">
									<div class="title-cat"> <a href="#" title="Health & Beauty" target="_blank">Electronics</a> </div>
									<div class="child-cat">
										<div class="child-cat-title"> <a title="More Car Accessories" href="#" target="_blank">Home Audio</a> </div>
										<div class="child-cat-title"> <a title="Car Alarms and Security" href="#" target="_blank">Mp3 Players & Accessories..	</a> </div>
										<div class="child-cat-title"> <a title="Car Audio &amp; Speakers" href="#" target="_blank">Headphones, Headsets</a> </div>
										<div class="child-cat-title"> <a title="Gadgets &amp; Auto Parts" href="#" target="_blank">Battereries & Chargers..	</a> </div>
									</div>
								</div>
							</div>
							<div class="clr1 clr5"></div>
							<div class="content-box">
								<div class="image-cat">
									<a href="#" title="Automotive" target="_blank">
										<img  src="/Public/mobilemall/image/demo/shop/category/jewelry-watches.jpg" title="Automotive" alt="Automotive"> 
									</a> 
									<a class="btn-viewmore hidden-xs" href="#" title="View more">View more</a> 		
								</div>	
									
								<div class="inner">
									<div class="title-cat"> <a href="#" title="Health & Beauty" target="_blank">Jewelry & Watches</a> </div>
									<div class="child-cat">
										<div class="child-cat-title"> <a title="More Car Accessories" href="#" target="_blank">Men Watches	</a> </div>
										<div class="child-cat-title"> <a title="Car Alarms and Security" href="#" target="_blank">Wedding Rings		</a> </div>
										<div class="child-cat-title"> <a title="Car Audio &amp; Speakers" href="#" target="_blank">Earings	</a> </div>
									</div>
								</div>
							</div>
							<div class="clr1 clr2 clr3 clr6"></div>
							<div class="content-box">
								<div class="image-cat">
									<a href="#" title="Automotive" target="_blank">
										<img  src="/Public/mobilemall/image/demo/shop/category/sports-outdoors.jpg" title="Automotive" alt="Automotive"> 
									</a> 
									<a class="btn-viewmore hidden-xs" href="#" title="View more">View more</a> 		
								</div>	
									
								<div class="inner">
									<div class="title-cat"> <a href="#" title="Health & Beauty" target="_blank">Sports & Outdoors</a> </div>
									<div class="child-cat">
										<div class="child-cat-title"> <a title="More Car Accessories" href="#" target="_blank">Outdoor & Traveling	</a> </div>
										<div class="child-cat-title"> <a title="Car Alarms and Security" href="#" target="_blank">Camping & Hiking		</a> </div>
										<div class="child-cat-title"> <a title="Car Audio &amp; Speakers" href="#" target="_blank">Golf Supplies	</a> </div>
										<div class="child-cat-title"> <a title="Gadgets &amp; Auto Parts" href="#" target="_blank">Fishing	</a> </div>
									</div>
								</div>
							</div>
							<div class="clr1"></div>
							<div class="content-box">
								<div class="image-cat">
									<a href="#" title="Automotive" target="_blank">
										<img  src="/Public/mobilemall/image/demo/shop/category/smartphone-tablets.jpg" title="Automotive" alt="Automotive"> 
									</a> 
									<a class="btn-viewmore hidden-xs" href="#" title="View more">View more</a> 		
								</div>	
									
								<div class="inner">
									<div class="title-cat"> <a href="#" title="Health & Beauty" target="_blank">Smartphone & Tablets</a> </div>
									<div class="child-cat">
										<div class="child-cat-title"> <a title="More Car Accessories" href="#" target="_blank">Accessories for iPhone		</a> </div>
										<div class="child-cat-title"> <a title="Car Audio &amp; Speakers" href="#" target="_blank">Accessories for i Pad	</a> </div>
										<div class="child-cat-title"> <a title="Gadgets &amp; Auto Parts" href="#" target="_blank">Accessories for Tablet PC	</a> </div>
									</div>
								</div>
							</div>
							<div class="clr1 clr2 clr4"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- //Block Spotlight3  -->
<script type="text/javascript"><!--
	var $typeheader = 'header-home1';
	//-->
</script>

	<!-- Footer Container -->
	<include file="./Application/Home/View/Share/footer.html"/>
	<!-- //end Footer Container -->

    </div>
	<!-- Social widgets -->
	<section class="social-widgets visible-lg">
	<ul class="items">
		<li class="item item-01 facebook"> <a href="/Home/Shopcart/index" class="tab-icon"><span class="fa fa-facebook"></span></a>
			<div class="tab-content">
				<div class="title">
					<h5>购物车</h5>
				</div>
				<div class="loading">
					<img src="/Public/mobilemall/image/theme/lazy-loader.gif" class="ajaxloader" alt="loader">
				</div>
			</div>
		</li>
		<li class="item item-02 twitter"> <a href="/Home/Person/index" class="tab-icon"><span class="fa fa-twitter"></span></a>
			<div class="tab-content">
				<div class="title">
					<h5>个人中心</h5> 
				</div>
				<div class="loading">
					<img src="/Public/mobilemall/image/theme/lazy-loader.gif" class="ajaxloader" alt="loader">
				</div>
			</div>
		</li>
		<li class="item item-03 youtube"> <a href="#" class="tab-icon"><span class="fa fa-youtube"></span></a>
			<div class="tab-content">
				<div class="title">
					<h5>YouTube</h5>
				</div>
				<div class="loading"> <img src="/Public/mobilemall/image/theme/lazy-loader.gif" class="ajaxloader" alt="loader"></div>
			</div>
		</li>
	</ul>
</section>	<!-- End Social widgets -->

<link rel='stylesheet' property='stylesheet'  href='/Public/mobilemall/css/themecss/cpanel.css' type='text/css' media='all' />
	
<!-- Preloading Screen -->
<div id="loader-wrapper">
	<div id="loader"></div>
	<div class="loader-section section-left"></div>
	<div class="loader-section section-right"></div>
 </div>
<!-- End Preloading Screen -->
	
<!-- Include Libs & Plugins
============================================ -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="/Public/mobilemall/js/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="/Public/mobilemall/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/Public/mobilemall/js/owl-carousel/owl.carousel.js"></script>
<script type="text/javascript" src="/Public/mobilemall/js/themejs/libs.js"></script>
<script type="text/javascript" src="/Public/mobilemall/js/unveil/jquery.unveil.js"></script>
<script type="text/javascript" src="/Public/mobilemall/js/countdown/jquery.countdown.min.js"></script>
<script type="text/javascript" src="/Public/mobilemall/js/dcjqaccordion/jquery.dcjqaccordion.2.8.min.js"></script>
<script type="text/javascript" src="/Public/mobilemall/js/datetimepicker/moment.js"></script>
<script type="text/javascript" src="/Public/mobilemall/js/datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="/Public/mobilemall/js/jquery-ui/jquery-ui.min.js"></script>


<!-- Theme files
============================================ -->
<script type="text/javascript" src="/Public/mobilemall/js/themejs/application.js"></script>
<script type="text/javascript" src="/Public/mobilemall/js/themejs/toppanel.js"></script>
<script type="text/javascript" src="/Public/mobilemall/js/themejs/so_megamenu.js"></script>
<script type="text/javascript" src="/Public/mobilemall/js/themejs/addtocart.js"></script>	
<script type="text/javascript" src="/Public/mobilemall/js/themejs/cpanel.js"></script>

<!-- 功能模块 -->
<!-- 搜索框的商品分类 -->
<script type="text/html" id="sort-list-sel-tpl">
	<%for(var i = 0 ; i< data.length ; i++) {%>
		<option value="<%=data[i].id%>"><%=data[i].sortname%></option>
	<%}%>
</script>
<!-- 展示所有商品分类可点击收放ul -->
<script type="text/html" id="goods-list-ul-tpl">
	<%for(var i = 0 ; i< data.length ; i++ ) {%>
	<li class="item-vertical style1 with-sub-menu hover">
		<p class="close-menu"></p>
		<a href="#" class="clearfix">
			<img src="<%=data[i].sortimgurl[0]%>" alt="icon">
			<span><%=data[i].sortname%> </span>
			<b class="caret"></b>
		</a>
		<div class="sub-menu" data-subwidth="100" >
			<div class="content" >
				<div class="row">
					<div class="col-sm-12">
						
						<div class="row">
							<% var  twosortdata = data[i].twosortdata %>
							<%for(var j = 0 ; j < twosortdata.length ; j++) {%>
							<div class="col-md-4 static-menu">
								<div class="menu" >
									<ul>
										<li>
											<img src="<%=twosortdata[j].twosortimgurl[0]%>" alt="icon">
											<a href="/Home/Goods/showcategory"  class="main-menu"><%=twosortdata[j].twosortname%></a>
											<ul>
												<% var goodsdata = twosortdata[j].goodsdata %>
												<% for( var k =0 ; k< goodsdata.length ; k++ ){%>
												<li><a href="#" ><%= goodsdata[k].goodsname %></a></li>
												<%}%>
											</ul>
										</li>	
									</ul>
								</div>
							</div>
							<%}%>
						</div>
						
					</div>
				</div>
			</div>
		</div>
	</li>
	<%}%>
</script>
<!-- 添加商品到购物车 -->
<script type="text/html" id="addgoods-tpl">
	<tr cid="<%=data.goodsid%>">
		<td class="text-center" style="width:70px">
			<a href="product.html"> <img src="<%=data.goodsimg%>" style="width:70px" alt="Filet Mign" title="Filet Mign" class="preview"> </a>
		</td>
		<td class="text-left"> <a class="cart_product_name" href="product.html"><%=data.goodsname%></a> </td>
		<td class="text-center">x<%=data.goodsnumber%> </td>
		<td class="text-center">￥<%=data.goodsnow%></td>
		<td class="text-right">
			<a href="product.html" class="fa fa-edit"></a>
		</td>
		<td class="text-right">
			<a onclick="removegoods('<%=data.goodsid%>',this);" class="fa fa-times fa-delete" ></a>
		</td>
	</tr>
</script>
<script src="/Public/js/Share/template.js"></script>
<script src="/Public/js/Home/index.js"></script>
<script >
	INDEX.run();
	//将商品从购车中删除
	function removegoods(goods_id,obj){

		if(confirm("确定要从购物车中删除此商品吗？")){
			$.post("/API/Shopcart/removegoodsfromcart",{"goodsid":goods_id},function(res){
				alert(res.data);
				//如果数据删除成功
				if(res.status==true){
					//重新计算总价和
					//获取被删除商品数量
					var number=$.trim($(obj).parents("tr").find("td").eq(2).text());
					number=number.substring(1);
					//获取删除商品的单价
					var prices =$.trim($(obj).parents("tr").find("td").eq(3).text());
					prices = prices.substring(1);
					//获取原有商品的总数量
					var totalnum = $("#goodstotalnumber").text();
					totalnum = totalnum - number;
					//获取原有商品的总价
					var totalprices =  $("#goodstotalprices").text();
					totalprices = totalprices-number*prices;
					//改变删除后的商品价格与数量
					$("#goodstotalnumber").text(totalnum);
					$("#goodstotalprices").text(totalprices);
					$("#goodstotalprices1").text(totalprices);
					$(obj).parents("tr").remove();
				}
			});	
		}
		
	}
	
</script>
</body>
</html>

